<template>
    <div class="all">
        <div class="fir">
            <img src="https://www.scvtc.edu.cn/images/szftb.png" style="height: 30px;width:30px;margin-left:12px">
            <font size="6" style="margin: 19px;font-weight:bold">省政府信息</font>
            <a href="https://www.sc.gov.cn/">
            <img src="https://www.scvtc.edu.cn/images/szfwz.jpg" style="height: 24.07px;width:180px">
            </a>
        </div>
        <ul>
            
            <li v-for="item,i2 in contentlist" :key="i2"><div class="r"></div>
                <span  class="j"><a :href="contentlistlist[i2]" :title="item">{{item.length>20?item.slice(0,19)+'...':item}}</a></span>
                <span class="time">{{time[i2]}}</span></li>
          
        </ul>


    </div>
</template>
<script setup lang="ts">
const contentlist = [
    "中共四川省委在蓉举行新闻发布会 解读省委十二届三次全会精神",
    "黄强主持召开全省民营经济发展壮大电视电话会议全力推动民营经济发展取得立竿见影的成效",
    "黄强主持召开全省推进六大优势产业提质倍增和三次产业融合发展电视电话会议着力培育壮大优势产业加快建设以实体经济为支撑的现代化产业体系",
    "中共四川省委召开党外人士座谈会征求对省委十二届三次全会文件及推进四川现代化建设的意见建议王晓晖主持并讲话 黄强田向利出席",
    "图文直播|中共四川省十二届三次全会新闻发布会"]
 const contentlistlist = [
    "https://www.sc.gov.cn/10462/c110462/2023/6/21/449dae2dcf5b41d6817781926cef4435.shtml",
    "https://www.sc.gov.cn/10462/c105962/2023/6/20/0777528f741c4eb68f7ff835b6fb7095.shtml",
    "https://www.sc.gov.cn/10462/c105962/2023/6/20/82dc096c0bfa460faba1297312cf8385.shtml",
    "https://www.sc.gov.cn/10462/c105962/2023/6/20/8162b443b0a641829503c65742706f7f.shtml",
    "https://topic.scol.com.cn/2020live/23quanhui/"]
const time=[
'2023/06/21',
'2023/06/20',
'2023/06/20',
'2023/06/20',
'2023/06/20',

];
</script>

<style scoped lang="scss">
.all{
    margin: 20px;
    height: 200px;
    width: 420px;
    display: flex;
    flex-direction: column;

    .fir{
        height: 47px;
        display: flex;
        align-items: center;
        border-bottom:2px solid #eee;
}
}
ul{
    border-radius: 50%;
    font-size: 14px;
    font-family: 微软雅黑;
    li{
        height: 26px;
        display: flex;
        align-items: center;
        .time{
            width: 100px;
            text-align: right;
        
        }
        .time:hover{
            color: black;
        }
    }
    .j:hover{
        color: #921C1C;
    }
    .j{
       width: 310px;
    }
    .r{
        background-color: black;
        border-radius: 50% 50%;
        height: 5px;
        width: 6px;
        margin: 5px;
    }
}
</style>